﻿/***************************************************主页header部分*****************************************/
#header{width:100%;height:40px;}
#header_left{width:40%;height:40px;background:#f59f09;float:left;}
#header_right{width:60%;height:40px;background:#0266b5;float:right;}
#header_con{width:1000px;height:40px;margin:0 auto;position:relative;}
#header_con h1{font-size:14px;line-height:40px;color:#fff;position:absolute;left:0;top:0;}
#header_con div{position:absolute;right:0;top:9px;height:25px;font-size:14px;color:#fff;float:left;margin-left:5px;line-height:16px;line-height:25px;}
#header_con div img{float:left;margin-left:10px;margin-right:5px;}


#list{width:100%;height:90px;}
#list_left{width:40%;height:100%;background:#fff;float:left;}
#list_right{width:60%;height:100%;background:#f2f2f2;float:right;}
#list_con{width:1000px;height:90px;margin:0 auto;position:relative;}
#list_con a img{position:absolute;left:0;top:21px;}
#list_con ul{position:absolute;right:0;top:36px;height:14px;}
#list_con ul li{width:72px;height:100%;}
#list_con ul li a{font-size:14px;line-height:14px;}
#list_line{position:absolute;left:-100000000px;top:60px;}

/*banner*/
#banner_out{width: 100%;overflow: hidden;}
#banner{height: 420px;width: 1920px;left: 50%;margin-left: -960px;position: relative;overflow: hidden;}
#banner ul{display: block;width:20000px;height: 420px;margin: 0 auto;}
#banner ul li{display: block;float: left;height: 420px;width: 1920px;margin: 0 auto;}
#banner a{display: block;height: 420px;margin: 0 auto;}
#banner a img{width: 1920px;margin: 0 auto;}
#banner ol{display: block;height: 16px;width: 160px;margin: 0 auto;position: absolute;bottom: 20px;left:50%;margin-left: -60px;}
#banner ol li{display: block;float: left;height: 16px;width: 16px;background: #fff;border-radius: 8px;margin-left: 20px;cursor:pointer;}
#banner ol li:first-child{margin:0;}
#index .banner_ol{background: #f59f09;}

/***************轮播图小圆点重写****************/
.i_b_yudian{margin-left:-75px;width:150px;}
.i_b_yudian ol.i_y_list { height: 15px; top: 10px; left: 23px; }
.i_b_yudian ol.i_y_list li { float: left; width: 13px; height: 13px; margin: 0 4px 0 4px; background: #fff; border-radius: 50%; cursor: pointer; }
.i_b_yudian ol.i_y_list li.hover { background: #f59f09; }

/***************************************************主页main部分*****************************************/
.index_main{}

/************关于我们************/
.main_1{height:450px;width:100%;}
.main_1>img{display:block;margin: 80px auto 0;}
#main_1_introduce{margin-top:15px;}
#main_1_introduce p{display:block;height:25px;line-height:25px;font-size:14px;color:#909090;width:100%;text-align:center;}
#main_1_list{margin-top:40px;display:block;height:200px;}
#main_1_list li{float:left;display:block;height:200px;width:184px;position:relative;border:1px solid #e9e9e9;border-radius:12px;overflow:hidden;margin-left:16px;}
#main_1_list li:first-child{margin-left:0;box-sizing:border-box;}
#main_1_list li:first-child img{margin:40px 55px 0;}
#main_1_list li:first-child+li img{margin:40px 61px 0;}
#main_1_list li:first-child+li+li img{margin:40px 59px 0;}
#main_1_list li:first-child+li+li+li img{margin:40px 55px 0;}
#main_1_list li:first-child+li+li+li+li img{margin:40px 53px 0;}
#main_1_list li p{display:block;height:45px;width:184px;position:absolute;bottom:0;left:0;line-height:45px;font-size:16px;color:#fff;text-align:center;}
#main_1_list li:first-child p{background:#71b7f3;}
#main_1_list li:first-child+li p{background:#96ca82;}
#main_1_list li:first-child+li+li p{background:#f07965;}
#main_1_list li:first-child+li+li+li p{background:#b6aad5;}
#main_1_list li:first-child+li+li+li+li p{background:#ecd168;}

/************产品发布************/
.main_2{position:relative;width:100%;overflow:hidden;}
.main_2>div:first-child{background:url(../img/index2/main_2/back.jpg) no-repeat;height:674px;width:1920px;margin:0 auto;}
#show{width:1000px;height:674px;margin:-674px auto 0;}
#main_2_top{width:1000px;height:123px;}
#main_2_top img{display:block;float:left;margin-top:50px;}
#main_2_top img:first-child{margin-left:150px;}
#main_2_top img:first-child+img{margin-left:40px;}
#main_2_top img:first-child+img+img{margin-left:40px;}
#main_2_bot{height:551px;width:1000px;}
#main_2_bot li{display:block;float:left;height:240px;width:319px;margin-left:20px;margin-bottom:20px;position:relative;overflow:hidden;}
#main_2_bot li:first-child,#main_2_bot li:first-child+li+li+li{margin-left:0;}
#main_2_bot li img{display:block;position:absolute;z-index:1;left:0;top:0;width:319px;min-height:202px;}
#main_2_bot li div{position:absolute;bottom:0;left:0;z-index:2;width:319px;height:38px;background:url(../img/index2/main_2/hover_1.png);}
#main_2_bot li div p{display:block;height:38px;line-height:38px;width:319px;text-align:center;color:#fff;font-size:14px;}
#main_2_bot li div a{display:block;height:25px;width:86px;background:#ffdc6f;font-size:12px;line-height:25px;text-align:center;margin:10px 116.5px 0;}

/************案例展示************/
.main_3{height:467px;width:100%;}
#main_3_top{width:100%;height:272px;background:#fff;float:left;}
#main_3_bottom{width:100%;height:195px;background:#0584c9;float:left;}
#main_3{width:1000px;height:467px;margin:0 auto;position:relative;}
#main_3>img{position:absolute;left:159px;top:49px;}
#main_3 button{width:24px;height:45px;border:none;cursor:pointer;z-index:10;}
#main_3 #main_3_prev{position:absolute;left:0;top:222px;}
#main_3 #main_3_next{position:absolute;right:0;top:222px;}
#main_3>div{width:1000px;height:310px;position:absolute;top:122px;overflow:hidden;}
#main_3>div ul{width:40000px;height:100%;}
#main_3>div ul li{float:left;width:225px;height:310px;margin-right:33px;background:#fff;}
#main_3>div ul li div{width:100%;height:280px;background:#f2f2f2;overflow:hidden;}
#main_3>div ul li a{display:block;width:100%;height:100%;position:relative;overflow:hidden;}
#main_3>div ul li div img{width:100%;position:absolute;top:0;}
#main_3>div ul li p{font-size:14px;color:#585858;text-align:center;line-height:30px;}
#main_3>div ul li:hover{background:#f59f09;box-shadow:0 3px 20px rgba(0,0,0,3);transform:translate3d(0,2px,0);}
#main_3>div ul li:hover p{color:#fff;}
/************最新资讯************/
.main_4{height:540px;width:1000px;margin:0 auto;}
#main_4_top{height:120px;width:1000px;}
#main_4_top img{display:block;float:left;margin: 48px 159px 0;}
#main_4_bot{height:420px;width:1000px;}
#main_4_left{height:377px;width:394px;float:left;position:relative;overflow:hidden;}
#main_4_left img{position:absolute;top:0;left:0;z-index:1;width:394px;height:287px;}
#main_4_left div{position:absolute;bottom:0;left:0;z-index:2;height:90px;width:394px;background:url(../img/index2/main_4/back.png)}
#main_4_left div p{color:#fff;font-size:12px;margin:0 15px;height:36px;line-height:20px;}
#main_4_left div p:first-child{font-size:14px;line-height:35px;width: 364px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#main_4_left div p:first-child+p{width: 364px;overflow : hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
#main_4_right{height:377px;width:586px;float:right;overflow:hidden;}
#main_4_right ul li{display:block;height:83px;width:586px;margin-bottom:15px;}
#main_4_right ul li div{float:left;height:83px;width:503px;background:#f5f5f5;}
#main_4_right ul li div:first-child{width:83px;box-sizing:border-box;border:1px solid #e3e3e3;}
#main_4_right ul li div:first-child p{display:block;height:58px;width:83px;font-size:26px;color:#b6b6b6;line-height:58px;text-align:center;float:left;margin:0;}
#main_4_right ul li div:first-child p:first-child{height:25px;line-height:25px;background:#71b7f3;font-size:12px;color:#fff;margin:0;}
#main_4_right ul li div:first-child+div a p{margin:0 16px;font-size:12px;color:#989898;width: 471px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#main_4_right ul li div:first-child+div a:first-child p{font-size:14px;color:#333333;margin-top:17px;margin-bottom:8px;}








/***************************************************主页footer部分*****************************************/
#footer{width:100%;height:170px;background:#191e24;}
#footer>div{width:1000px;height:100%;margin:0 auto;position:relative;}
#footer>div h1{font-size:18px;line-height:18px;color:#7b7b7b;position:absolute;left:0;top:25px;font-weight:700;}
#footer>div h2{font-size:28px;line-height:28px;color:#ff9e00;position:absolute;right:168px;top:36px;}
#footer>div ol{height:64px;position:absolute;left:0;top:57px;}
#footer>div ol li{width:64px;height:64px;float:left;margin-right:21px;cursor:pointer;}
#footer>div p{font-size:12px;line-height:12px;color:#7b7b7b;position:absolute;left:0;bottom:22px;font-weight:600;}
#footer>div div{width:34px;height:34px;border-radius:6px;overflow:hidden;position:absolute;left:580px;top:35px;}
#footer_tel{width:100%;height:100%;}
#footer_code{position:absolute;right:0;top:31px;}
#footer>div span{position:absolute;right:171px;top:90px;font-size:14px;line-height:14px;color:#fff;}